<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<title>企业网站Demo</title>
	<link rel="stylesheet" href="css/main.css">
	<script src="js/SetHomeSetFav.js"></script>
	<script src="js/myfocus-2.0.1.min.js"></script>
	<script src="js/mf-pattern/mF_fancy.js"></script>
	<link rel="stylesheet" href="js/mf-pattern/mF_fancy.css">
	<script>
		myFocus.set({
			id:'picBox'
		})
	</script>
</head>
<body>
	<!-- top开始 -->
	<div class="top">
		<div class="top_content">
			<ul>
				<li><a href="#">联系我们</a></li>
				<li><a href="#" onclick="AddFavorite(window.location,document.title)">加入收藏</a></li>
				<li><a href="#" onclick="SetHome(window.location)" style="cursor:hand">设为首页</a></li>
			</ul>
		</div>
	</div>
	<!-- top结束 -->

	
	<div class="wrap">
		<div class="logo">
			<div class="logo_left">
				<img src="image/logo.jpg" alt="Image">
			</div>
			<div class="logo_right">
				<img src="image/tel.jpg" alt="服务热线">24小时服务热线： <span class="tel">123-456-7890</span> 
			</div>
		</div>
		<!-- logo结束 -->
		<div class="nav">
			<div class="nav_left"></div>
			<div class="nav_mid">
				<div class="nav_mid_left">
					<ul>
						<li><a href="#">首   页</a></li>
						<li><a href="#">关于幕课</a></li>
						<li><a href="list.html">新闻动态</a></li>
						<li><a href="#">课程中心</a></li>
						<li><a href="#">在线课程</a></li>
						<li><a href="#">人才招聘</a></li>
					</ul>
				</div>
				<div class="nav_mid_right">
					<form action="" method="POST">
						<input type="text" class="search_text">
					</form>
				</div>
			</div>
			<!-- nav_mid结束 -->
			<div class="nav_right"></div>
		</div> 
		<!-- nav结束 -->
		<div class="ad" id="picBox">
			<div class="loading">
				<img src="image/loading.gif" alt="图片加载中">
			</div>
			<div class="pic">
				<ul>
					<li><img src="image/ad2.jpg"></li>
					<li><img src="image/ad3.jpg"></li>
					<li><img src="image/ad4.jpg"></li>
				</ul>
			</div>
		</div>
		<!-- ad结束 -->
		<div class="main">
			<div class="news">
				<div class="title">
					<h2 class="title_left">新闻中心</h2>
					<span class="title_right"><a href="#">More&gt;&gt;</a></span>
				</div>
				<!-- title结束 -->
				<div class="pic_news">
					<img src="image/news.jpg">
					<h2><a href="#">520慕女神喊你来表白！</a></h2>
					<p>活动时间:5月20日-5月25日 <br>
						获奖公布时间:5月26日 <br>
						<a href="#"> Learn More&gt;&gt;</a>
					</p>
				</div>
				<!-- pic_news结束 -->
				<div class="news_list">
					<ul>
						<li><span>2014-06-01</span><a href="#">新闻标题一</a></li>
						<li><span>2014-06-02</span><a href="#">新闻标题二</a></li>
						<li><span>2014-06-03</span><a href="#">新闻标题三</a></li>
						<li><span>2014-06-04</span><a href="#">新闻标题四</a></li>
					</ul>
				</div>
				<!-- news_list结束 -->
			</div>
			<!-- news结束 -->
			<div class="course">
				<div class="title">
					<h2 class="title_left">课程中心</h2>
					<span class="title_right"><a href="#">More&gt;&gt;</a></span>
				</div>
				<!-- title结束 -->
				<div class="course_pic">
					<img src="image/css.jpg"/>
					<h2><a href="">CSS圆角进化论</a></h2>
					<p>CSS圆角进化论CSS圆角进化论CSS圆角进化论CSS圆角进化论CSS圆角进化论CSS圆
						角进化论CSS圆角进化论CSS圆角进化论CSS圆角进化论
					</p>
				</div>
				<!-- course_pic结束 -->
				<div class="course_type">
					<ul>
						<li><a href="#">PHP开发</a></li>
						<li><a href="#">前端开发</a></li>
						<li><a href="#">JAVA开发</a></li>
						<li><a href="#">Android开发</a></li>
					</ul>
				</div>
				<!-- course_type结束 -->
			</div>
			<!-- course结束 -->
			<div class="sidebar">
				<div class="video">
					<div class="title"><h2 class="title_left">媒体聚焦</h2></div>
					<div class="video_content">
							<iframe height=140 width=220 src='http://player.youku.com/embed/XNTYyMzk4NzIw' frameborder=0 'allowfullscreen'></iframe>
					</div>
				</div>
				<!-- video结束 -->
				<div class="sidebar_ad">
					<img src="image/app.jpg"/>
				</div>
				<!-- sidebar_ad结束 -->
			</div>
			<!-- sidebar结束 -->
		</div>
		<!-- main结束 -->
	</div>
	<!-- warp结束 -->
	<div class="copyright">
		<div class="copyright_content">
			<ul>
				<li><a href="#">关于</a>
					<ul>
						<li><a href="#">品牌故事</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">加入我们</a></li>
						<li><a href="#">版权声明</a></li>
					</ul>
				</li>
				<li><a href="#">课程</a>
					<ul>
						<li><a href="#">PHP开发</a></li>
						<li><a href="#">前端开发</a></li>
						<li><a href="#">JAVA开发</a></li>
						<li><a href="#">Android开发</a></li>
					</ul>
				</li>
				<li><a href="#">留言</a>
					<ul>
						<li><a href="#">新浪微博</a></li>
						<li><a href="#">腾讯微博</a></li>
						<li><a href="#">企业微信</a></li>
						<li><a href="#">QQ空间</a></li>
					</ul>
				</li>
				<li><a href="#">关注</a>
					<ul>
						<li><a href="#">意见反馈</a></li>
						<li><a href="#">问题留言</a></li>
						<li><a href="#">媒体联络</a></li>
						<li><a href="#">在线客服</a></li>
					</ul>
					</li>
				<li><a href="#"><img src="image/weixin.png"/>微信关注</a>
					<ul>
						<li><img src="image/qrcode.jpg"/></li>
					</ul>
				</li>
			</ul>
		</div>
	</div>
</body>
</html>